<!doctype html>
<html>
  
  <head>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <title>choongang_index</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/bootstrap-responsive.css"> 
  </head>
  
  <body>
    <title>Fluid Layout</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/divshot-util.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/bootstrap-responsive.css">
    <div class="row-fluid">
      <div class="span6">
        <a class="brand" href="#"> since 1969, 200만명 배출 , 1만 5천여 위탁교육 진행</a>
        <div class="navbar-content">Choongang</div>
      </div>
      <div class="span4 offset2">Oracle Best Partner Apple iDUP 인증</div>
    </div>
    <div class="row-fluid">
      <div class="span4 offset4">
        <div class="btn-group">
          <a class="btn">강남점</a>
          <a class="btn">이대점</a> 
        </div>
      </div>
    </div>
    <div class="navbar">
      <div class="navbar-inner">
        <div class="container">
          <a class="brand" href="#">Company</a>
          <div class="navbar-content">
            <ul class="nav">
              <li class="active">
                <a href="#">학원소개</a> 
              </li>
              <li>
                <a href="#">교육과정</a> 
              </li>
              <li>
                <a href="#">직장인 국비지원</a> 
              </li>
              <li>
                <a href="#">실업자 미취업자 교육</a> 
              </li>
              <li>
                <a href="#">기업 단체교육</a> 
              </li>
              <li>
                <a href="#">커뮤니티</a> 
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="container-fluid">
      <div class="row-fluid">
        <div class="span3">
          <ul class="nav  nav-pills nav-stacked">
            <li class="active">
              <a href="#">Subnavigation One</a> 
            </li>
            <li>
              <a href="#">Subnavigation Two</a> 
            </li>
          </ul>
          <div class="well">
            <p>
              <b>Tip:</b>You can add additional components to your layout easily.</p>
          </div>
        </div>
        <div class="span9">
          <ul class="breadcrumb">
            <li>
              <a href="#">Original</a>
              <span class="divider">/</span>
            </li>
            <li>
              <a href="#">And Another</a>
              <span class="divider">/</span>
            </li>
            <li class="active">Last One</li>
          </ul>
          <div class="hero-unit">
            <h1>Your App Name&nbsp;</h1>
            <p>This is a great place for a slogan.</p>
            <p>
              <a class="btn btn-large btn-primary" href="#"><span class="btn-label">Sign Up Today!</span></a> 
            </p>
          </div>
          <div class="row-fluid">
            <div class="span4">
              <h2>Heading</h2>
              <p>A paragraph of details about the heading and its related content so that
                you can have an example of how this should work.</p>
              <a class="btn" href="#"><span class="btn-label">View Details</span></a> 
            </div>
            <div class="span4">
              <h2>Heading</h2>
              <p>A paragraph of details about the heading and its related content so that
                you can have an example of how this should work.</p>
              <a class="btn" href="#"><span class="btn-label">View Details</span></a> 
            </div>
            <div class="span4">
              <h2>Heading</h2>
              <p>A paragraph of details about the heading and its related content so that
                you can have an example of how this should work.</p>
              <a class="btn" href="#"><span class="btn-label">View Details</span></a> 
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>

</html>